<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>今日推荐</title>
		<style type="text/css">
			ul{
				list-style: none;
			}
			#father{
				border: 1px solid black;
				position: relative;
				width: 300px;
				margin: 0px auto;
			}
			.clear:after{
				content: "";
				display: block;
				clear: both;
			}

		
#head img{
	position: absolute;
	top: 33px;
	left: 240px;
}
#head h4{
	position: relative;
	left: 30px;
	top: 10px;
}
	#a{
		
		float: left;
	}
	#b{
		
		float:right;
		padding: 10px;
		font-size:12px ;
		line-height: 22px;
	}
	ul li{
		font-size:12px ;
		font-weight: bolder;
		
	}
	#a{
		position: relative;
	}
	#c{
		position: absolute;
		top: 5px;
		left: 100px;
	}
		</style>
	</head>
	<body>
		<div id="father" class="clear">
			<div id="head">
				<h4>SHOP 今日推荐</h4>
				<img src="img/1/more.gif" />
			</div>
			<div id="a">
				<ul >
					<li><img src="img/1/img9.gif"/></li>
					<li><img src="img/1/img7.gif"/></li>
					<li><img src="img/1/img8.gif"/></li>
					<li><img src="img/1/img7.gif"/></li>
				</ul>
				<img src="img/1/shen.png" id="c"/>
				</div>
			<div id="b">
				<ul>
					<li><a href="#">汉来国际美食百货</a></li>
					口味：创意中餐<br />
					区域：朝阳/CBD
					<li><a href="#">汉来国际美食百货</a></li>
					口味：创意中餐<br />
					区域：朝阳/CBD
					<li><a href="#">汉来国际美食百货</a></li>
					口味：创意中餐<br />
					区域：朝阳/CBD
					<li><a href="#">汉来国际美食百货</a></li>
					口味：创意中餐<br />
					区域：朝阳/CBD
				</ul>
			</div>
		</div>
	</body>
</html>
